<!-- 分页组件 -->
<template>
  <div class="block">
    <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage4"
      :page-sizes="[100, 200, 300, 400]" :page-size="100" layout="total, sizes, prev, pager, next, jumper" :total="400">
    </el-pagination>
  </div>
</template>
<script>
export default {
  props: {
    // 当前第几页
    num: {
      type: Number,
      default: 1
    },
    // 下拉列表每页显示几条
    size: {
      type: Array
    },
    // 总条数
    total: {
      type: Number
    }
  },
  methods: {
    // 每页多少条发生变化的时候触发的函数
    sizeChange(val) {
      this.$emit('sendSizeChange', val)
    },
    currentChange(val) {
      this.$emit('sendCurrentChange', val)
    }
  }
}
</script>
<style></style>